<template>
  <div>
    <tree-picker v-model="pickedValue" :title="title" :multiple="multiple"></tree-picker>
    <el-button @click="onChange">change</el-button>
    <div>
      <select-component v-model="selVal" :multiple="selMultiple"></select-component>
      <el-button @click="onSelChange">selChange</el-button>
    </div>
  </div>
</template>

<script>
import TreePicker from '@/components/TreePicker.vue'
import SelectComponent from '@/components/SelectComponent.vue'

export default {
  components: {
    'tree-picker': TreePicker,
    'select-component': SelectComponent,
  },
  data() {
    return {
      title: 'title',
      multiple: false,
      // pickedValue: ['2', '9'],
      pickedValue: '3',
      selVal: '333333333333334',
      selMultiple: false,
    }
  },
  methods: {
    onChange() {
      // this.pickedValue = ['2', '9']
      // this.multiple = true
      this.pickedValue = '9'
    },
    onSelChange() {
      this.selVal = ['2', '9']
      this.selMultiple = true
    },
  },
}
</script>

<style></style>
